<template>
  <div id="app">
    <router-view/>
    <router-view name="tabbar" />
  </div>
</template>

<script>
export default {
  mounted() {
    document.body.scrollTop = document.body.scrollHeight; //解决input框问题
    document.getElementById('app').style.height = document.documentElement.clientHeight + 'px'
    document.addEventListener('plusready', function() {
      var webview = plus.webview.currentWebview();
      plus.key.addEventListener('backbutton', function() {
        webview.canBack(function(e) {
          if(e.canBack) {
            webview.back();
          } else {
//webview.close(); //hide,quit
//plus.runtime.quit();
//首页返回键处理
//处理逻辑：1秒内，连续两次按返回键，则退出应用；
            var first = null;
            plus.key.addEventListener('backbutton', function() {
//首次按键，提示‘再按一次退出应用’
              if (!first) {
                first = new Date().getTime();
                setTimeout(function() {
                  first = null;
                }, 1000);
              } else {
                if (new Date().getTime() - first < 1500) {
                  plus.runtime.quit();
                }
              }
            }, false);
          }
        })
      });
    });
  }
}
</script>
<style lang="less">
  @import "./iconfont/iconfont.css";
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
}
  .common-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    span{
      font-size: 14px;
      font-weight: bold;
      color: #fed173;
    }
    h4{
      margin: 15px 0;
    }
  }
  p{
    margin: 0;
  }
</style>
